<template>
  <el-container class="all-page">
    <el-header>
      <div class="logo-main">
        <img src="../assets/logo.png" alt="logo" />
        <h4 class="logo">机构信息建档管理系统</h4>
      </div>
      <h4 @click="back" class="back">退出系统</h4>
    </el-header>
    <el-main>
      <el-container style="height: 640px; border: 1px solid #eee">
        <el-aside style="width: 180px; background-color: rgb(238, 241, 246)">
          <el-menu
            router
            default-active="/basicInfo"
            class="el-menu-vertical-demo"
            active-text-color="#ffd04b"
          >
            <el-menu-item index="/basicInfo">
              <i class="el-icon-s-order"></i>
              <span slot="title">机构建档管理</span>
            </el-menu-item>
          </el-menu>
        </el-aside>
        <el-container style="padding: 8px">
          <router-view></router-view>
        </el-container>
      </el-container>
    </el-main>
    <el-footer>
      <h6>
        十三组 | 组长：冯宇 |
        组员：张文英、秦瑞鹏、刘茹平、胡洪亮、刘少康、赵振军、张国鑫
      </h6>
    </el-footer>
  </el-container>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {};
  },
  methods: {
    back() {
      this.$router.replace("/login");
    },
  },
};
</script>
<style scoped>
.el-header {
  background-color: #2b4b6b;
  display: flex;
  justify-content: space-between;
}
.el-main {
  /* background-color: skyblue; */
  padding: 0 !important;
}
.el-footer {
  background-color: #2b4b6b;
  text-align: center;
}

h4,
h6 {
  color: white;
}
.logo-main {
  display: flex;
}
.logo-main img {
  width: 30px;
  height: 30px;
  margin: 15px 10px;
}
.logo {
  cursor: default;
}
.back:hover {
  color: #ffd04b;
  cursor: pointer;
}
</style>
